body{
    margin: auto;
}
.main{
    width: 100%;
    height: 673px;
    background-color: royalblue;
    overflow: hidden;
}
.mian-text{
    float: right;
    color: #ffffff;
}
.list{
    width: 100%;
    height: 12.5%;

}
.list a{
    float: right;

}
.list-1{
    background-color: #F4B800;
}.list-2{
    background-color: #E67D00;
}.list-3{
    background-color: #E1002A;
}.list-4{
    background-color: #B30157;
}.list-5{
    background-color: #7D338C;
}.list-6{
    background-color: #3163AC;
}.list-7{
    background-color: #00A374;
}.list-8{
    background-color: #7AB94E;
}
 .circle{
     width: 100%;
     height: 200%;
     background-color: #b7ffdc;
     border-radius: 50%;
     position: absolute;
     top: -400px;
     left: -700px;

 }